<template>
	<view class="root">
		<swiper class="swiper" indicator-dots  indicator-active-color="#ffffff" autoplay :interval="2000" circular>
			<swiper-item>
				<image src="/static/a.jpg" class="banner"></image>
			</swiper-item>
			<swiper-item>
				<image src="/static/c.jpg" class="banner"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name: "homeswiper",
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	.root {
		width: 720rpx;
		margin: auto;
	}

	.swiper {
		height: 400rpx;
		border-radius: 10px;
	}

	.banner {
		width: 720rpx;
		height: 400rpx;
		border-radius: 10px;
	}
</style>
